<template>
  <section class="help-content center-block">
    <div class="Crumbs">
      您的位置：<a href="javascript:;">帮助中心</a>
    </div>
    <ul class="help-contentUl clearfix" style="width: 115%;">
      <li class="clearfix" v-for="(item,index) in tabs" :key="index">
        <div class="help_icon" :class="'help_icon'+(index+1)"></div>
        <dl class="help_dl">
          <dt><router-link :to="`/helpCenter/helpLayout/list?id=${item.rows[0].id}`">{{item.title}}</router-link></dt>
          <dd v-for="(val,inx) in item.rows" :key="inx"><router-link :to="`/helpCenter/helpLayout/list?id=${val.id}`">{{val.name}}</router-link></dd>
        </dl>
      </li>
    </ul>
  </section>
</template>

<script>

import { getBlackList } from '@/api/home/home'

export default {
  name: 'helpCenter',
  data () {
    return {
      tabs:[
        {
          title:'登录/注册',
          rows:[
            {name:'建设单位账号注册',id:'asdaasd'},
            {name:'登录',id:'asdasw36'},
            {name:'注册',id:'asdars36'},
            {name:'找回密码',id:'asydas36'}
          ]
        },
        {
          title:'资质认定',
          rows:[
            {name:'资质申报操作指南',id:'asdaus36'},
            {name:'工程监理',id:'asdaaass36'},
            {name:'勘察设计',id:'asdttasg36'},
            {name:'工程质量检测机构',id:'asbyydas36'}
          ]},
        {
          title:'工程项目',
          rows:[
            {name:'可研批复',id:'asdjas36'},
            {name:'工程建设许可',id:'asda4s36'},
            {name:'施工许可',id:'asda55s36'},
            {name:'竣工验收备案',id:'asd66as36'}
          ]
        },
        {
          title:'办事指南',
          rows:[
            {name:'建设单位账号注册',id:'asdassss36'},
            {name:'登录',id:'asdas5555636'},
            {name:'注册',id:'asdas3776'},
            {name:'找回密码',id:'asda78s36'}
          ]
        },
        {
          title:'文本标签',
          rows:[
            {name:'资质申报操作指南',id:'asd97as36'},
            {name:'工程监理',id:'asdas3996'},
            {name:'勘察设计',id:'asdas3006'},
            {name:'工程质量检测机构',id:'asd123as36'}
          ]
        }
      ]
    }
  },
  mounted () {
    window.scrollTo(0, 0);
    this.getPersonDetail();
  },
  methods: {
    getPersonDetail (id) {
      getBlackList(id).then(res => {
       // console.log(res)
      })
    }
  }
}
</script>
<style>
@import '../../assets/css/helpCenter.css';
</style>
